<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<div id="app"></div>
</body>
<script src="data.js"></script>
<script>
	// 重排重绘：当元素的几何属性（大小，位置）发生改变，那么会对元素以及受影响的元素进行重新排列。排列完毕之后重新渲染。
	const app = document.querySelector("#app");
	app.innerHTML = response.map(function(item){
		// return `
		// 	<div>
		// 		<h3>${item.nm}</h3>
		// 		<img height="200" src="${item.img}" alt="">
		// 	</div>
		// 	<hr/>
		// `;
		
		return (`
			<div>
				<h3>${item.nm}</h3>
				<img height="200" src="${item.img}" alt="">
			</div>
			<hr/>
		`);
	}).join("");
</script>
</html>